<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#">
	<!-- a barebones template for a learning object-->
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Learning Object Template</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		
		<!--jquery-->
		<script src="js/jquery.js"></script>

		<!--styles -->
		<link href="css/bootstrap.css" rel="stylesheet">
		<link href="css/bootstrap-responsive.css" rel="stylesheet">
		
		<!--custom styles for this template-->
		<link href="css/custom.css" rel="stylesheet">
				
		<!--support for IE < 6-8 -->
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		
		<!--media element and initialisation-->
		<script src="mediaelement/mediaelement-and-player.min.js"></script>
		<link rel="stylesheet" href="mediaelement/mediaelementplayer.min.css" />
    
	</head>

	<body data-twttr-rendered="true" data-spy="scroll" data-target=".bs-docs-sidebar">
	<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	    <div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
			  
				<div class="container">
				
					<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>

					<div class="nav-collapse collapse">
						<ul class="nav"id="nav">
							<!--<li class=""><a href="./index.html">Home</a></li>-->
						</ul>
					</div>
				</div>
			</div>
		</div>
	
		<!--Learning Object Title-->
		<header class="jumbotron" id="overview">
			<div class="container">
				<h1 id="pageTitle">Learning Object Title</h1>
				<p id="pageSubTitle" class="lead">Overview title for the content below</p>
			</div>
		</header>

		<!--main page content: nav bar and sections-->
		<div class="container">
			<div class="row-fluid">
				<!--navigation-->
				<div class="span3 bs-docs-sidebar">
					<ul class="nav nav-list bs-docs-sidenav affix" id="toc">
						<!--<li><a href="#section1ID">Section 1</a></li>-->					
					</ul>
				</div>
				
				<!--content-->
				<div class="span9" id="mainContent">
					<!--
   					<section id="section1ID">
					    <div class="page-header">
							<h1>Section 1</h1>
						</div>
						<p>Content Here</p>
					</section>
					-->
				</div>
			</div>
		</div>

		<footer class="footer">
			<div class="container">
				<div class="row-fluid">
					<div class="span12">
					
						<div class="addthis_toolbox addthis_default_style ">
							<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
							<a class="addthis_button_tweet"></a>
							<a class="addthis_button_google_plusone"></a>  
							<a class="addthis_button_linkedin_counter"></a>
							<a class="addthis_button_pinterest_pinit"></a>
							<a class="addthis_counter addthis_pill_style"></a>
						</div>

						<!--<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>-->
						<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50f40a8436e8c4c5"></script>
						
						<img src="footer/cc-by-nc-sa.png">
						<strong><small>© 2013 The Univeristy of Nottingham</small></strong>
						
					</div>
				</div>
			</div>
		</footer>
		
		<!--bootstrap script-->
		<script src="js/bootstrap.min.js"></script>
		
		<!--initialise the application specific code-->
		<script src="js/application.js"></script>
		
	</body>
</html>